<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>无线监控系统</title>
	<#include "./common/header.html"/>
</head>
<body  class="easyui-layout">
	<div data-options="region:'west',split:true,title:'功能菜单'" style="width:180px;padding:10px;">
		<ul id="mainTree" class="easyui-tree" >
			<#list menus as menu>
			<li>
				<span>${menu.name}</span>
				<ul>
					<#list menu.subResources as sub>
					<li>
						<span>
							<a style="text-decoration: none;color: black;" href="#" onclick="addTab('${sub.name}','${ctx}${sub.url}')">${sub.name}</a>
						</span>
					</li>
					</#list>
				</ul>
			</li>
			</#list>
		</ul>
	</div>
	
	<div id="centerContent" data-options="region:'center',title:'无线监控统计系统'">
		<div id="tt" class="easyui-tabs" data-options="fit : true" style="width:100%;height:100%;">
		    <div title="Home">
		    	<h2>&nbsp;&nbsp;欢迎你,${user.username}!&nbsp;&nbsp;
				    <a href="${ctx}/logout">退出登录</a>&nbsp;&nbsp;
					<a href="#" onclick="addTab('修改密码','${ctx}/user/changeMyPassword')">修改密码</a>
				</h2>
				<h3>&nbsp;&nbsp;更新记录</h3>
				${test}
				<ul>
					<li><b>2015-06-04</b></li>
					无线监控系统首次上线,添加了以下功能;</br>
					httpsqs监控--查看线上httpsqs消息服务的状态;</br>
					api异常监控--从索引中查询client-service项目的报错日志;</br>
					异常实时报警--设置匹配规则,检测到错误日志发送邮件;</br>
					<li><b>2015-06-05</b></li>
					增加nginx日志统计数据查询功能(线上nginx还没有配置);实时报警可以设置间隔时间,支持多收件人邮箱;</br>
					<li><b>2015-06-08</b></li>
					添加基于memcached的开关功能;</br>
					<li><b>2015-06-10</b></li>
					添加基于shiro的用户权限控制系统,并初始化数据;</br>
					<li><b>2015-06-12</b></li>
					异常实时报警支持复合条件;用户权限和异常报警引入缓存,减少查询数据库次数;</br>
					<li><b>2015-08-15</b></li>
					增加tb-schedule的任务、调度、机器管理模块;</br>
				</ul>
		    </div>
		
		</div>
	</div>
</body>

<script>
/*
$('#mainTree').tree({
    //url:'${ctx}/httpsqsStatus/menu',//将你的菜单拼成这个json格式id，text，child等
    onClick: function(node){
    	if (node.path != null) {
	        //点击后在右边的框架里打开url
	        addTab(node.text,"${ctx}"+node.path);
    	}
    }
 
});


$(function(){
	$('.tree-title').click(function() {
		var url = $(this).attr('url');
		var tag = $(this).attr('tag');
		alert(tag);
	   	if (url != null) {
	        //点击后在右边的框架里打开url
	        addTab(tag, url);
	   	}
	});
});
*/

function addTab(title, url){

    if ($('#tt').tabs('exists', title)){

        $('#tt').tabs('select', title);

    } else {

        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';

        $('#tt').tabs('add',{

            title:title,

            content:content,

            closable:true

        });

    }

}
</script>
</html>